<template>
  <iframe
      width="100%"
      height="100%"
      scrolling="no"
      :src="pdfUrl"
    ></iframe>
</template>

<script>
	export default {
		name:"pdfViewer",
		props: {
		  url: {
		    type: String,
		    required: true
		  },
		},
		  mounted() {
			  this.pdfUrl = `${this.getBaseUrlOrDomain(location.href)}/static/pdfjs/web/viewer.html?file=${this.url}`
		  },
		data() {
			return {
				pdfUrl: ''
			};
		},
		methods: {
		   getBaseUrlOrDomain(url) {
		     // 使用indexOf查找`/#/`的位置
		     const hashbangIndex = url.indexOf('/#/');
		     // 如果找到了`/#/`，则使用slice方法取出它之前的部分
		     if (hashbangIndex !== -1) {
		       return url.slice(0, hashbangIndex);
		     }
		     // 如果没有找到`/#/`，则解析URL以获取域名
		     const urlObj = new URL(url);
		     return urlObj.origin;
		   }
		  }
	}
</script>

<style>

</style>